<template>
  <div>
    <v-card title="矩形树图-二级下钻">
      <vcu-chart-treemap :data="chartData" :settings="chartSettings" />
    </v-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      chartData: {
        measures: [
          {
            name: "一级分类",
            children: [
              {
                name: "分类 1",
                value: 560,
              },
              {
                name: "分类 2",
                value: 500,
              },
              {
                name: "分类 3",
                value: 300,
              },
              {
                name: "分类 4",
                value: 150,
              },
              {
                name: "分类 5",
                value: 115,
              },
              {
                name: "分类 6",
                value: 95,
              },
              {
                name: "分类 7",
                value: 90,
              },
              {
                name: "分类 8",
                value: 75,
              },
              {
                name: "分类 9",
                value: 66,
              },
              {
                name: "分类 10",
                value: 52,
              },
            ],
          },
        ],
      },
      chartSettings: {
        leafDepth: 1,
      },
    };
  },
  methods: {},
  created() {},
};
</script>
<style lang="less" scoped>
</style>
